<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>响应式嵌入组件</title>
	<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
</head>
<body>
<!-- 
	根据被嵌入内容的外部容器的宽度，自动创建一个固定比例，从而让浏览器自动确定内容的尺寸，能够在各种设备上缩放。
	这些规则可以直接用于<iframe>、<embed>、<video>和<object>元素。

	16:9 + 4:3响应式(以<embed>为例)
		1)	.embed-responisve 					//对父级元素div添加
		2)	.embed-responsive-16by9
		3)	.embed-responsive-4by3
 --> 	



	<script src="bootstrap-3.3.5-dist/jquery/jquery.min.js"></script>
	<script src="bootstrap-3.3.5-dist/bootstrap/bootstrap.min.js"></script>
</body>
</html>